checkboxgroup 多项选择器组
更新时间:2021-10-13
一、属性说明
属性名 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
class-name | String | 无 | 否 | 自定义class |
bindchange | EventHandle | 无 | 否 | iov-checkbox-group 中选中项发生改变时触发 change 事件。detail = {value:[选中的 checkbox 的 value 的数组]} |
二、示例:
json:
{
"navigationBarTitleText": "智能小程序官方组件",
"usingComponents": {
"iov-checkbox": "iov-ui/lib/checkbox",
"iov-checkboxgroup": "iov-ui/lib/checkboxgroup"
}
}
swan:
<view>
<iov-checkboxgroup value="{{select}}" bindchange="bindchange">
<iov-checkbox
value="1"
>选项1</iov-checkbox>
<iov-checkbox
value="2"
>选项2</iov-checkbox>
<iov-checkbox
value="3"
disabled="{{true}}"
>选项3</iov-checkbox>
</iov-checkboxgroup>
</view>
js:
Page({
data: {
select: []
},
bindchange(e) {
console.log(e);
console.log(e.detail.value);
this.setData({
select: e.detail.value
});
}
});